@import "common/config";
@import "common/module";

.submit-order {
  font-size: .3rem;
  color: @TEXT_COLOR;
  //order-hd
  .order-hd {
    margin-top: .2rem;
    background-color: #fff;
    //hd-tit
    .hd-tit {
      overflow: hidden;
      padding: .2rem .2rem 0 .2rem;
      .goods-img {
        float: left;
        width: 2.5rem;
        height: 1.5rem;
        min-height: 1.5rem;
        margin-right: .3rem;
        img {
          display: block;
          width: 100%;
          height: 100%;
        }
      }
      .goods-info {
        .goods-tit {
          color: @TEXT_COLOR;
          font-size: .36rem;
          font-weight: normal;
        }
      }
    }
    //goods-price
    .goods-price {
      color: @ACCENT_COLOR;
      padding-left: .6rem;
      font-size: .26rem;
      padding-top: .12rem;
      padding-bottom: .2rem;
    }
    //parameter
    .parameter {
      .parameter-item {
        position: relative;
        border-top: 1px solid #E6E6E6;
        padding: .24rem .25rem;
        overflow: hidden;
        .item-l {
          float: left;
        }
        .item-r {
          float: right;
          margin-right: .6rem;
        }
        &:after {
          position: absolute;
          right: .4rem;
          top: .28rem;
          content: "";
          display: inline-block;
          width: .15rem;
          height: .15rem;
          border-right: 1px solid #999;
          border-bottom: 1px solid #999;
          transform: rotate(-45deg);
        }
      }
    }
  }
  //order-bd
  .order-bd {
    margin: .16rem .12rem;
    //sel-num
    .sel-num {
      overflow: hidden;
      background-color: #fff;
      padding: .24rem .3rem;
      span {
        float: left;
        margin-top: .29rem;
        font-size: .32rem;
      }
      .buy-num-txt {
        color: @TEXT_ASSIST_COLOR;
      }
      .sel-num-op {
        float: left;
        padding: 0 .3rem;
        font-style: normal;
      }
      a {
        float: left;
        display: inline-block;
        padding: 0 .2rem;
        line-height: .6rem;
        background-color: #E6E6E6;
        color: @TEXT_ASSIST_COLOR;
      }
      .num-subtract {
        border: 1px solid #ccc;
        border-radius: 3px 0 0 3px;
        height: .6rem;
      }
      .num-practical {
        float: left;
        border: 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        width: .8rem;
        height: .6rem;
        text-align: center;
        outline: none;
        border-radius: 0;
        color: @TEXT_ASSIST_COLOR;
      }
      .num-add {
        border: 1px solid #ccc;
        border-radius: 0 3px 3px 0;
        height: .6rem;
      }
    }
    //receiving-info
    .receiving-info {
      margin-top: .12rem;
      background-color: #fff;
      .info-item {
        overflow: hidden;
        border-bottom: 1px solid #F0F0F0;
        .item-txt {
          width: 25%;
          float: left;
          padding: .26rem 0 .24rem .24rem;
          box-sizing: border-box;
        }
        .item-txt-r {
          width: 75%;
          float: left;
        }
        input {
          width: 100%;
          border: none;
          outline: none;
          padding: .24rem 0;
          box-sizing: border-box;
        }
      }
      .write-address {
        input {
          padding: 0.24rem;
        }
      }
      .sel-invoice {
        position: relative;
        .item-txt-l {
          float: right;
          margin-right: .8rem;
          margin-top: .22rem;
        }
        #J_sel-invoice-txt{
          height: .52rem;
          display: inline-block;
        }
        &:after {
          position: absolute;
          right: .4rem;
          top: .28rem;
          content: "";
          display: inline-block;
          width: .15rem;
          height: .15rem;
          border-right: 1px solid #999;
          border-bottom: 1px solid #999;
          transform: rotate(-45deg);
        }
      }
    }
    //invoice-type
    .invoice-type {
      .type-item {
        display: none;
        p {
          background-color: #fff;
          padding: .2rem .3rem;
        }
        .item-cate {
          span {
            display: inline-block;
            margin-right: .4rem;
            .cate-icon {
              display: inline-block;
              width: .34rem;
              height: .34rem;
              background: url('../images/invoice_type_cate_icon.png');
              background-size: .34rem .34rem;
              vertical-align: middle;
              margin-right: 8px;
              input {
                width: .34rem;
                height: .34rem;
                opacity: 0;
              }
            }
          }
          .cur {
            .cate-icon {
              background: url('../images/invoice_type_cate_icon_cur.png');
              background-size: .34rem .34rem;
            }
          }
        }
        .unit-name {
          input {
            width: 100%;
            background-color: #E6E6E6;
            border-radius: 5px;
            padding: .15rem .1rem;
            border: none;
            outline: none;
            box-sizing: border-box;
          }
        }
        .normal-invoice-unit-name{
          display: none;
        }
        .J_normal-invoice-dedicated-invoice-info{
          display: none;
        }
        .invoice-cont {
          margin-top: .2rem;
          overflow: hidden;
          .invoice-cont-l {
            width: 25%;
            float: left;
            padding: .26rem 0 .24rem .24rem;
            box-sizing: border-box;
          }
          .invoice-cont-r {
            width: 75%;
            float: left;
            input {
              width: 100%;
              border: none;
              outline: none;
              padding: .24rem 0;
              box-sizing: border-box;
            }
            .cont-txt-detail{
              color: #999999;
            }
          }

        }
        //dedicated-invoice-info
        .dedicated-invoice-info {
          margin-top: .2rem;
          background-color: #fff;
          p {
            padding: 0 .3rem;
            .invoice-info-inner {
              display: block;
              border-bottom: 1px solid #E6E6E6;
              overflow: hidden;
              i {
                font-style: normal;
              }
              .invoice-info-txt {
                width: 28%;
                float: left;
                padding: .26rem 0 .24rem .24rem;
                box-sizing: border-box;
              }
              .invoice-info-r {
                width: 72%;
                float: left;
                input {
                  width: 100%;
                  border: none;
                  outline: none;
                  padding: .24rem 0;
                  box-sizing: border-box;
                }
              }

            }
          }
          .ratepayer .invoice-info-inner {
            .invoice-info-txt {
              width: 38%;
            }
            .invoice-info-r {
              width: 62%;
            }
          }
        }
      }
    }
  }
  //sel-invoice-pop-up
  .sel-invoice-pop-up {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    .pop-up-inner {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #fff;
    }
    .pop-up-detail {
      .detail-item {
        overflow: hidden;
        padding: .36rem .26rem .36rem .36rem;
        font-size: .36rem;
        border-bottom: 1px solid #E6E6E6;
        .item-txt {
          float: left;
        }
        .item-input-our {
          float: right;
          width: .44rem;
          height: .44rem;
          background: url("../images/sel_invoice.png") no-repeat;
          background-size: .44rem .44rem;
        }
        .item-input {
          width: .44rem;
          height: .44rem;
          display: block;
          opacity: 0;
        }
      }
      .cur {
        color: @MAIN_COLOR;
        .item-input-our {
          background: url("../images/sel_invoice_cur.png") no-repeat;
          background-size: .44rem .44rem;
        }
      }
    }
    .user-op {
      overflow: hidden;
      margin-top: 1.3rem;
      a {
        float: left;
        display: inline-block;
        width: 50%;
        color: #ffffff;
        text-align: center;
        padding: .3rem 0;
        &:nth-child(1) {
          background-color: @TEXT_ASSIST_COLOR;
        }
        &:nth-child(2) {
          background-color: @MAIN_COLOR;
        }
      }
    }

  }

  .bottom-buy-info {
    padding-top: .8rem;
    p {
      text-align: right;
      margin-bottom: .3rem;
      margin-right: .3rem;
      .red {
        color: @ACCENT_COLOR;
        font-weight: bold;
      }
    }
    .sum-to {
      .red {
        font-size: .32rem;
      }
    }
    .total {
      .red {
        font-size: .42rem;
      }
    }
    .settle-accounts {
      .red {
        font-size: .36rem;
      }
    }
    .settle-accounts {
      border-top: 1px solid #E7E7E7;
      background-color: #fff;
      overflow: hidden;
      margin: 0;
      .accounts-num {
        float: left;
        color: #046667;
        margin-top: .26rem;
        margin-left: .36rem;
      }
      .buy-btn {
        float: right;
        background-color: @MAIN_COLOR;
        color: #ffffff;
        padding: .3rem .6rem;
        font-size: .36rem;
      }
    }
  }

}

